@import "../../../app.less";
.wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: calc((constant(safe-area-inset-bottom)));
  bottom: calc(env(safe-area-inset-bottom));
  z-index: 999;
  background: rgba(0, 0, 0, .4);

  .result {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: @color-white;
    padding-top: 30rpx;

    .title {
      padding: 0 32rpx;
      display: flex;
      flex-direction: row;
      justify-content: space-between;

      view {
        color: @color-text-regular;
        font-size: 34rpx;
        font-weight: 600;
      }

      image {
        width: 60rpx;
      }
    }
    .field{
      padding: 30rpx 32rpx;
      .textStyle {
        color: @color-text-primary;
        font-size: 28rpx;
        min-height: 180rpx !important;
      }
    }
    
    .btn{
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      padding: 24rpx 34rpx;
      border-top: 1px solid @color-border-base;
      button{
        width: 333rpx;
        line-height: 80rpx;
        border-radius: 5px;
        font-size: 34rpx;
        color: @color-white;
        &::after {
          border: none !important;
        }
        &.cancle{
          color: @color-text-primary;
          background: rgba(147, 157, 173, .16);
        }
        &.submit{
          background:@color-primary;
        }
      }
    }
  }
}